<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/common.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/detail/peoplecenter.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/detail/studyarea.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/detail/classhoner.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/detail/elegant.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/detail/instrut.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/detail/classhope.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/swiper.min.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/detail/detail4.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/detail/peoplecenter.css?version=1.2.8">
    <link rel="stylesheet" href="../../css/datepicker.css?version=1.2.8">
    <script src="../../js/jquery-2.2.4.min.js?version=1.2.8"></script>
    <script src="../../js/template-native.js?version=1.2.8"></script>
    <script src="../../js/datepicker.all.min.js?version=1.2.8"></script>
    <script src="../../js/moment.min.js?version=1.2.8"></script>
    
</head>
<body>
     <div class="container1">
         <div class="swiper-container">
				<div class="swiper-wrapper">
                    <div class="swiper-slide box_bg area_1">
                            <div class="container bg-color-bg instructtail">
                                    <div class="top-title">
                                        <div class="top-title">
                                            <div class="system">
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                        <img src="../../img/system/back.png" alt="">  
                                                    </a>
                                                    <a class="gonext-sys bg-color-bg ineditfirst" id="inedit">
                                                        <img src="../../img/system/edit.png" alt="">  
                                                    </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p instrut">
                                             <div class="classIntru bzjj">
                                                班组简介
                                             </div>
                                             <div class="m-m-person bg-color-border instrut">
                                                  <textarea  class="textarearY bg-color-bg instrut textareainstr" readonly id="textareainstr">
                                                  </textarea>   
                                                  <div class="content">
                                                        <!-- <div class="content-item">
                                                            班组成员12人
                                                        </div> -->
                                                  </div>      
                                             </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
                    <div class="swiper-slide box_bg area_1">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                        <div class="system">
                                            <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                <img src="../../img/system/back.png" alt="">  
                                            </a>
                                            <a class="gonext-sys bg-color-bg" id="honner">
                                                <img src="../../img/system/edit.png" alt="">  
                                            </a>
                                        </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p classhoner">
                                             <div class="classIntru honner">
                                                班组荣誉
                                             </div>
                                             <div class="hanglie">
                            
                                             </div>
                                             <div class="user-left">
                                                <div class="m-m-person m-m-t" id="m-m-t">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
                    <div class="swiper-slide box_bg area_1">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                            <div class="system">
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                       <img src="../../img/system/back.png" alt="">  
                                                    </a>
                                                    <a class="gonext-sys bg-color-bg">
                                                        <img src="../../img/system/edit.png" alt="" onclick="fcfcfcf()">  
                                                    </a>
                                            </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p elegant">
                                             <div class="classIntru">
                                                风采剪影
                                             </div>
                                             <div class="c-c-img">
                                                <!-- <div class="c-c-item1">
                                                    <img src="../../img/demeanour/mg1.png" alt="">
                                                    <img src="../../img/demeanour/mg1.png" alt="">
                                                    <img src="../../img/demeanour/mg1.png" alt="">
                                                </div>
                                                <div class="c-c-item2">
                                                    <img src="../../img/demeanour/mg1.png" alt="">
                                                </div>
                                                <div class="c-c-item1">
                                                    <img src="../../img/demeanour/mg1.png" alt="">
                                                    <img src="../../img/demeanour/mg1.png" alt="">
                                                    <img src="../../img/demeanour/mg1.png" alt="">
                                                </div>
                                                <div class="c-c-item2">
                                                    <img src="../../img/demeanour/mg1.png" alt="">
                                                </div> -->
                                             </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
                    <div class="swiper-slide box_bg area_1">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                            <div class="system">
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                       <img src="../../img/system/back.png" alt="">  
                                                    </a>
                                                    <!-- <a class="gonext-sys bg-color-bg">
                                                        <img src="../../img/system/setting.png" alt="">  
                                                    </a> -->
                                            </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p person">
                                            <div class="classIntru">
                                                    <i>班</i>
                                                    <i>组</i>
                                                    <i>成</i>
                                                    <i>员</i>
                                             </div>
                                             <div class="m-m-person bg-color-border">
                                                <div class="m-m-clc" id="peopleQ">
                                                    
                                                </div>        
                                             </div>
                                        </div>
                                    </div>
                                    <div class="diago">
                                        <div class="diado-content diago-active">
                                            <div class="diago-title">
                                                <div class="diago-left">个性化设置</div>
                                                <div></div>
                                            </div>
                                            <div class="model-content">
                                                <div class="model-list">
                                                    <div >模板一</div>
                                                    <div></div>
                                                </div>
                                            </div>
                                            <div class="diago-bottom">
                                                <div class="totrue">确定</div>
                                                <div class="cancel">取消</div>
                                            </div>
                                            <div class="choose">
                            
                                            </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
                    <div class="swiper-slide box_bg area_1">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                        <div class="top-title">
                                            <div class="system">
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                        <img src="../../img/system/back.png" alt="">  
                                                    </a>
                                                    <!-- <a class="gonext-sys bg-color-bg">
                                                        <img src="../../img/system/setting.png" alt="">  
                                                    </a> -->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p study">
                                             <div class="classIntru">
                                                学习园地
                                             </div>
                                             <div class="m-m-person bg-color-border" >
                                                 <div class="m-m-clc" id="h-commoms">
                                                 
                                                 </div>
                                             </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
                    <div class="swiper-slide box_bg area_1">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                            <div class="system">
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                       <img src="../../img/system/back.png" alt="">  
                                                    </a>
                                                    <a class="gonext-sys bg-color-bg classhlast" id="classh" onclick="classhlast()">
                                                        <img src="../../img/system/edit.png" alt="">  
                                                    </a>
                                            </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p classhope">
                                             <div class="classIntru hope">
                                                班组愿景
                                             </div>
                                             <div class="m-m-person bg-color-border">
                                                <textarea  class="hopeMessage" readonly></textarea>
                                             </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
                </div>
          </div>                 
     </div>

     <!--简介编辑弹出窗-->
        <div class="diago" id="diago">
                <div class="diado-content diago-active">
                    <div class="diago-title">
                        <div class="diago-left">简介编辑</div>
                        <div class="diago-close"></div>
                    </div>
                    <div class="model-content">
                        <div class="editCon">
                            <h3>班组简介内容</h3>
                            <div class="editDiv">
                                <textarea placeholder="请输入班组简介内容" id="editInstr">111111111</textarea>
                            </div>
                            <h3>编辑时间</h3>
                            <div class="editDiv c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day">
                                <input placeholder="" autocomplete="off" name="" class="c-datepicker-data-input only-date">
                            </div>
                        </div>
                    </div>
                    <div class="diago-bottom">
                        <div class="totrue" id="instruTure">确定</div>
                        <div class="cancel">取消</div>
                    </div>
                    <div class="choose">
    
                    </div>
                </div>
        </div>
        <!--简介编辑弹出窗-->
        <div class="diago" id="diagohope">
            <div class="diado-content diago-active">
                <div class="diago-title">
                    <div class="diago-left">愿景编辑</div>
                    <div class="diago-close"></div>
                </div>
                <div class="model-content">
                    <div class="editCon">
                        <h3>班组愿景内容</h3>
                        <div class="editDiv">
                            <textarea placeholder="请输入班组愿景内容" id="edithope">111111111</textarea>
                        </div>
                        <h3>编辑时间</h3>
                        <div class="editDiv c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day">
                            <input placeholder="" autocomplete="off" name="" class="c-datepicker-data-input only-date">
                        </div>
                    </div>
                </div>
                <div class="diago-bottom">
                    <div class="totrue" id="instruTure">确定</div>
                    <div class="cancel">取消</div>
                </div>
                <div class="choose">

                </div>
            </div>
    </div>
     <!-- 图文编辑弹出框 -->
     <div class="next-diago">
            <div class="diado-content diago-active">
                <div class="diago-title">
                    <div class="diago-left">添加荣誉</div>
                    <div class="diago-close"></div>
                </div>
                <div class="honner-content">
                    <div class="honner-left">
                        <div class="honner-top">
                            <div class="honner-l">上传图片</div>
                            <div class="honner-r">
                                <img src="../../img/system/add.png">
                            </div>
                        </div>
                        <div class="honner-img">
                            <!--<div class="img-h-list">
                                    <img src="../../img/demeanour/mg1.png" alt="">
                                    <div class="img-click">
                                        <img src="../../img/system/mode_close.png" alt="">
                                    </div>
                                </div>-->
                        </div>
                    </div>
                    <div class="honner-right">
                        <div class="editCon icon">
                            <h3><i>*</i>上传人</h3>
                            <div class="editDiv">
                                <input type="text" placeholder="上传人" id='uploadUser'>
                                <p class="uplod_user">上传人不允许为空 ！</p>
                            </div>
                            <h3><i>*</i>上传描述</h3>
                            <div class="editDiv">
                                <input type="text" placeholder="描述内容" id='uploadUserdec' maxlength="10">
                                <!-- <p class="uplod_user">上传人不允许为空 ！</p> -->
                            </div>
                            <h3><i>*</i>编辑时间</h3>
                            <div class="editDiv c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day">
                                <input placeholder="" autocomplete="off" name="" class="c-datepicker-data-input only-date" id="modifyDate">
                                <p class="uplod_time">时间不允许为空 ！</p>
                            </div>
                            <h3><i>*</i>上传图片</h3>
                            <div class="upload">
                                <input type="file" accept="image/*" name="files" multiple="multiple" class="upvalue" id="imgUpload">
                                <div class="up-word">
                                    <!-- <img src="../../img/system/add.png" alt="">
                                                <div>
                                                    本地上传
                                                </div> -->
                                </div>
                                
                                <p class="upload_img">请上传图片 ！</p>
                            </div>
                            <p class="next-title">
                                可上传3:2(横图)或2:3(竖图)两种比例图片质量不超过8M
                            </p>
                        </div>
                        <p class="add_upload">新增</p>
                    </div>
                </div>
                <div class="diago-bottom">
                    <div class="totrue" id="sureUpload">确定</div>
                    <div class="cancel">取消</div>
                </div>
                <div class="choose">
        
                </div>
            </div>
        </div>
        <div class="next-diago-two">
                <div class="diado-content diago-active">
                    <div class="diago-title">
                        <div class="diago-left">添加风采</div>
                        <div class="diago-close"></div>
                    </div>
                    <div class="honner-content">
                        <div class="honner-left">
                            <div class="honner-top">
                                <div class="honner-l">上传图片</div>
                                <div class="honner-r-two">
                                    <img src="../../img/system/add.png">
                                </div>
                            </div>
                            <div class="honner-img-two">
                                <!--<div class="img-h-list">
                                        <img src="../../img/demeanour/mg1.png" alt="">
                                        <div class="img-click">
                                            <img src="../../img/system/mode_close.png" alt="">
                                        </div>
                                    </div>-->
                            </div>
                        </div>
                        <div class="honner-right">
                            <div class="editCon icon">
                                <h3><i>*</i>上传人</h3>
                                <div class="editDiv">
                                    <input type="text" placeholder="上传人" id='uploadUsertwo'>
                                    <p class="uplod_user">上传人不允许为空 ！</p>
                                </div>
                                <h3><i>*</i>上传描述</h3>
                                <div class="editDiv">
                                    <input type="text" placeholder="描述内容" id='uploadUserdec' maxlength="10">
                                    <!-- <p class="uplod_user">上传人不允许为空 ！</p> -->
                                </div>
                                <h3><i>*</i>编辑时间</h3>
                                <div class="editDiv c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day">
                                    <input placeholder="" autocomplete="off" name="" class="c-datepicker-data-input only-date" id="modifyDatetwo">
                                    <p class="uplod_time">时间不允许为空 ！</p>
                                </div>
                                <h3><i>*</i>上传图片</h3>
                                <div class="upload">
                                    <input type="file" accept="image/*" name="files" multiple="multiple" class="upvalue" id="imgUploadtwo">
                                    <div class="up-word-two">
                                        <!-- <img src="../../img/system/add.png" alt="">
                                                    <div>
                                                        本地上传
                                                    </div> -->
                                    </div>
                                    
                                    <p class="upload_img">请上传图片 ！</p>
                                </div>
                                <p class="next-title">
                                    可上传3:2(横图)或2:3(竖图)两种比例图片质量不超过8M
                                </p>
                            </div>
                            <p class="add_upload-two">新增</p>
                        </div>
                    </div>
                    <div class="diago-bottom">
                        <div class="totrue" id="sureUpload-two">确定</div>
                        <div class="cancel">取消</div>
                    </div>
                    <div class="choose-two">
            
                    </div>
                </div>
            </div>
        <script src="../../js/swiper.min.js?version=1.2.8"></script>
        <script src="../../js/config.js?version=1.2.8"></script>
     <script type="text/javascript">
        $(function(){
            var DATAPICKERAPI = {
                // 默认input显示当前月,自己获取后填充
                activeMonthRange: function () {
                    return {
                        begin: moment().set({ 'date': 1, 'hour': 0, 'minute': 0, 'second': 0 }).format('YYYY-MM-DD HH:mm:ss'),
                        end: moment().set({ 'hour': 23, 'minute': 59, 'second': 59 }).format('YYYY-MM-DD HH:mm:ss')
                    }
                },
                shortcutMonth: function () {
                    // 当月
                    var nowDay = moment().get('date');
                    var prevMonthFirstDay = moment().subtract(1, 'months').set({ 'date': 1 });
                    var prevMonthDay = moment().diff(prevMonthFirstDay, 'days');
                    return {
                        now: '-' + nowDay + ',0',
                        prev: '-' + prevMonthDay + ',-' + nowDay
                    }
                },
                // 注意为函数：快捷选项option:只能同一个月份内的
                rangeMonthShortcutOption1: function () {
                    var result = DATAPICKERAPI.shortcutMonth();
                    return [{
                        name: '昨天',
                        day: '-1,-1',
                        time: '00:00:00,23:59:59'
                    }, {
                        name: '这一月',
                        day: result.now,
                        time: '00:00:00,'
                    }, {
                        name: '上一月',
                        day: result.prev,
                        time: '00:00:00,23:59:59'
                    }];
                },
                // 快捷选项option
                rangeShortcutOption1: [{
                    name: '最近一周',
                    day: '-7,0'
                }, {
                    name: '最近一个月',
                    day: '-30,0'
                }, {
                    name: '最近三个月',
                    day: '-90, 0'
                }],
                singleShortcutOptions1: [{
                    name: '今天',
                    day: '0'
                }, {
                    name: '昨天',
                    day: '-1',
                    time: '00:00:00'
                }, {
                    name: '一周前',
                    day: '-7'
                }]
            };
            //十分秒年月日单个
            $('.J-datepicker').datePicker({
                hasShortcut:true,
                min:'2018-01-01 04:00:00',
                max:'2019-04-29 20:59:59',
                shortcutOptions:[{
                    name: '今天',
                    day: '0'
                }, {
                    name: '昨天',
                    day: '-1',
                    time: '00:00:00'
                }, {
                    name: '一周前',
                    day: '-7'
                }],
                hide:function(){
                    console.info(this)
                }
            });

            //年月日单个
            $('.J-datepicker-day').datePicker({
                hasShortcut: true,
                format:'YYYY-MM-DD',
                shortcutOptions: [{
                    name: '今天',
                    day: '0'
                }, {
                    name: '昨天',
                    day: '-1'
                }, {
                    name: '一周前',
                    day: '-7'
                }]
            });

            //年月日范围
            $('.J-datepicker-range-day').datePicker({
                hasShortcut: true,
                format: 'YYYY-MM-DD',
                isRange: true,
                shortcutOptions: DATAPICKERAPI.rangeShortcutOption1
            });

            //十分年月日单个
            $('.J-datepickerTime-single').datePicker({
                format: 'YYYY-MM-DD HH:mm'
            });

            //十分年月日范围
            $('.J-datepickerTime-range').datePicker({
                format: 'YYYY-MM-DD HH:mm',
                isRange: true
            });

            //十分秒年月日范围，包含最大最小值
            $('.J-datepicker-range').datePicker({
                hasShortcut: true,
                min: '2018-01-01 06:00:00',
                max: '2019-04-29 20:59:59',
                isRange: true,
                shortcutOptions: [{
                    name: '昨天',
                    day: '-1,-1',
                    time: '00:00:00,23:59:59'
                },{
                    name: '最近一周',
                    day: '-7,0',
                    time:'00:00:00,'
                }, {
                    name: '最近一个月',
                    day: '-30,0',
                    time: '00:00:00,'
                }, {
                    name: '最近三个月',
                    day: '-90, 0',
                    time: '00:00:00,'
                }],
                hide: function () {
                    console.info(this.$input.eq(0).val(), this.$input.eq(1).val())
                }
            });
            //十分秒年月日范围，限制只能选择同一月，比如2018-10-01到2018-10-30
            $('.J-datepicker-range-betweenMonth').datePicker({
                isRange: true,
                between:'month',
                hasShortcut: true,
                shortcutOptions: DATAPICKERAPI.rangeMonthShortcutOption1()
            });

            //十分秒年月日范围，限制开始结束相隔天数小于30天
            $('.J-datepicker-range-between30').datePicker({
                isRange: true,
                between: 30
            });

            //年月单个
            $('.J-yearMonthPicker-single').datePicker({
                format: 'YYYY-MM',
                min: '2018-01',
                max: '2019-04'
            });

            //选择年
            $('.J-yearPicker-single').datePicker({
                format: 'YYYY',
                min: '2018',
                max: '2020'
            });


        });
        $(".ineditfirst").click(
            function(e){
                $("#diago").css("display",'block');
                $("#editInstr").val($(".textareainstr").val());
                e.stopPropagation();
                console.log($("#editInstr").val())

            }
        )
        // $(".classhlast").click(
        //     function(e){
                
        //         e.stopPropagation();
        //     }
        // )
        function classhlast(){
            $("#diagohope").css("display",'block');
             $("#edithope").val($(".hopeMessage").val());
        }
        $("#diagohope .cancel").click(
            function(){
                $("#diagohope").css("display",'none');

            }
        )
        $("#honner").click(
            function(){
				$(".next-diago").css("display",'block');
            }
		)
		function fcfcfcf(){
			$(".next-diago-two").css("display",'block');
		}
		
        $(".diago-close").click(
            function(){
                $("#diago").css("display",'none');
                $("#diagohope").css("display","none");
				$(".next-diago").css("display","none");
				$(".next-diago-two").css("display","none");
            }
        )
        $("#diago .cancel").click(
            function(){
                $("#diago").css("display",'none');
            }
        )
        $("#diago .totrue").click(
            function(){
                $("#diago").css("display",'none');
            }
        )
        $(".next-diago-two .cancel").click(
            function(){
                $(".next-diago-two").css("display","none");
                getwall()
            }
        )
        $(".next-diago .cancel").click(
            function(){
                $(".next-diago").css("display","none");
                getwall()
            }
        )
        var jpathurl = '?userId='+userId+"&bzId="+bzId;
        function tomessage(){
            location.href="../index3.html"+jpathurl;
        }
    </script>
    <script>
        var changeMsg  = 'zgreen';
        var arrbg = ['blue','red','orange','green'];  //背景框
        var crrbg = ['bbg','obg','ybg','gbg'];//背景
        var colorarr = ['#101358','#f7bea0','#9b9b9d'];
        var fontsize = ['#333','#333'] 
        var fontsize1 = ['#999',"#666"]
        var drr = ['#fff','#95bcff','#fff'];
        $(".m-m-person").css('background','url(../../img/detail/1/'+arrbg[3]+'.png)no-repeat 0 -10px');
        $('.pre-top').css('backgroundColor',colorarr[0]);
        $(".goback-sys").css('backgroundColor','#234def');
        $(".gonext-sys").css('backgroundColor','#234def');
        $(".container").css({'background':'url(../../img/detail/1/'+crrbg[3]+'.jpg)no-repeat 0 0','backgroundSize':'cover'})
        $(".pre-name").css('color',fontsize[0]);
        $(".p-j-job").css('color',fontsize1[0]);
        $(".content-item").css('background','url(../../img/detail/1/a.png)');
        $(".p-p-p.elegant").css('background','url(../../img/detail/1/'+arrbg[3]+'.png)no-repeat 0 -10px');
        $('.m-m-person .bg-tab>a').css("color",drr[0]);
       console.log(num);
    //    setTimeout(
        //    function(){
                var swiper = new Swiper('.swiper-container', {
                    slidesPerView: 1,
                    slidesPerGroup: 1,
                    // speed: 1000,
                    // spaceBetween: 30,
                    //freeMode: true,
                    loop: true,
                    autoplay:5000,
                    // autoplayDisableOnInteraction: true,
                    initialSlide: Number(num)-1,
                    allowTouchMove: true,
                    navigation: {
                        nextEl: '.swiper-button-next2',
                        prevEl: '.swiper-button-prev2',
                    },
                });
        //    },3000
    //    )
       
    </script>
     <script src="../../js/detail.js?version=1.2.8"></script>
</body>
</html>